$.get("../js/hoome.json", function(data) {
				//data  代表成功的时候，所得到的数据（内容）
				//for循环 获取类型数据
				for (var i = 0; i < data.length; i++) {
					//获取头部导航数据
					var navObj = data[0];
				}
				//for in 循环获取其内部各导航名
				for (var key in navObj) {
					//获取各个导航名  key 判断 因为每个导航内部样式不同所以 判断
					//生成导航
					if (key == "headline") {
						var navarr = navObj[key]
							//获取到导航个数
						for (var u = 0; u < navarr.length; u++) {
							//获取到每个导航信息
							var navs = navarr[u];
							//创建装载信息的节点
							var li = $("<li class='initial'></li>")
								//每个节点信息不同循环
								//为创建的接点填信息
							if (u == 0) {
								li.html("<a href='" + navs.menuTarge + "'><div id='logo'></div></a>")

							} else {
								li.html("<a href='" + navs.menuTarge + "'>" + navs.menuName + "<i></i></a>")
							}
							$(".nav1").append(li)
						}
					}
					if (key == "xilei") {
						var xl = navObj[key]; //定义系列对象
						//循环系列内部内容 分别放入创建的节点
						for (var j = 0; j < xl.length; j++) {
							var xlObj = xl[j]; //代表每个系列中的单独信息
							//创建节点
							var xldiv = $("<div class='colL5 lboder'></div>")
							xldiv.html("<p><img src='" + xlObj.p + "'/></p><p><a href='" + xlObj.menuTarg + "'>" + xlObj.p1 + "</a></p>")
								//将创建好的节点放入指定盒子中	 
							$(".ls5").append(xldiv)
						}
					}
					if (key == "gengduo") {
						var gd = navObj[key]; //定义系列对象
						//循环更多内部内容 分别放入创建的节点
						for (var j = 0; j < gd.length; j++) {
							var gdObj = gd[j]; //代表每个更多中的单独信息
							//创建节点
							var gddiv = $("<div class='colL6 lboder'><p><a href='" + gdObj.menuTarge + "'><img src='" +
									gdObj.p + "' /></p></a></div>")
								//将创建好的节点放入指定盒子中	 
							$(".ls6").append(gddiv)
						}
					}
					if (key == "weide") {
						var wd = navObj[key]; //定义系列对象
						//获取出列表中的各类
						for (var j = 0; j < wd.length; j++) {
							var wdObj = wd[j]; //获取的是每个类的对象  其中又分多个项
							//思路这些项装在一个div 中所以创建节点
							//又因为每个样式不同判
							if (j == 0) {
								var wddiv = $("<div class='colL3 lboder'></div>")
							} else {
								var wddiv = $("<div class='colL3'></div>")
							}
							//创建类 的标题
							var wdH4 = $("<h2></h2>");
							wdH4.html("<a style='color:red' href='" + wdObj.menuTarge + "'>" + wdObj.H2 + "</a>")
								//将其放入div内
							wddiv.append(wdH4)
								//获取项
							var wdX = wdObj.op
								//创建结束后再向每个类中放入项； 项有多个循环便利
							for (var k = 0; k < wdX.length; k++) {
								//创建类  因类也个不相同判断
								var wdp = wdX[k]; //设置的项
								//创建p
								if (wdp.jj == "kk") {
									k == wdX.length - 1
									var wdpt = $("<p></p>");
									wdpt.html("<p class='ptop'><b>" + wdp.p + "</b><i></i></p>")
									wddiv.append(wdpt)
								} else {
									if (wdp.cc == "aa") {
										var wdpt = $("<p></p>");
										wdpt.html("<p><i>" + wdp.p + "</i></p>")
										wddiv.append(wdpt)
									} else {
										var wdpt = $("<p></p>");
										wdpt.html("<p>" + wdp.p + "</p>")
										wddiv.append(wdpt)
									}
								}
							}
							$(".lsw").append(wddiv)
						}
					}
					if (key == "nv") {
						var nv = navObj[key]; //定义系列对象
						//获取出列表中的各类
						for (var j = 0; j < nv.length; j++) {
							var nvObj = nv[j]; //获取的是每个类的对象  其中又分多个项
							//思路这些项装在一个div 中所以创建节点
							//又因为每个样式不同判
							if (j == 0) {
								var nvdiv = $("<div class='colL3 lboder'></div>")
							} else {
								var nvdiv = $("<div class='colL3'></div>")
							}
							//创建类 的标题
							var nvH4 = $("<h2></h2>");
							nvH4.html("<a style='color:red' href='" + nvObj.menuTarge + "'>" + nvObj.H2 + "</a>")
								//将其放入div内
							nvdiv.append(nvH4)
								//获取项
							var nvX = nvObj.op
								//创建结束后再向每个类中放入项； 项有多个循环便利
							for (var k = 0; k < nvX.length; k++) {
								//创建类  因类也个不相同判断
								var nvp = nvX[k]; //设置的项
								//创建p
								if (nvp.jj == "kk") {
									k == nvX.length - 1
									var nvpt = $("<p></p>");
									nvpt.html("<p class='ptop'><b>" + nvp.p + "</b><i></i></p>")
									nvdiv.append(nvpt)
								} else {
									if (nvp.cc == "aa") {
										var nvpt = $("<p></p>");
										nvpt.html("<p><i>" + nvp.p + "</i></p>")
										nvdiv.append(nvpt)
									} else {
										var nvpt = $("<p></p>");
										nvpt.html("<p>" + nvp.p + "</p>")
										nvdiv.append(nvpt)
									}
								}
							}
							$(".lsn").append(nvdiv)
						}
					}
					if (key == "leitu") {
						var lt = navObj[key]; //定义系列对象
						//获取出列表中的各类
						for (var j = 0; j < lt.length; j++) {
							var ltObj = lt[j]; //获取的是每个类的对象  其中又分多个项
							//思路这些项装在一个div 中所以创建节点
							//又因为每个样式不同判
							if (j == 0) {
								var ltdiv = $("<div class='colL3 lboder'></div>")
							} else {
								var ltdiv = $("<div class='colL3'></div>")
							}
							//创建类 的标题
							var ltH4 = $("<h2></h2>");
							ltH4.html("<a style='color:red' href='" + ltObj.menuTarge + "'>" + ltObj.H2 + "</a>")
								//将其放入div内
							ltdiv.append(ltH4)
								//获取项
							var ltX = ltObj.op
								//创建结束后再向每个类中放入项； 项有多个循环便利
							for (var k = 0; k < ltX.length; k++) {
								//创建类  因类也个不相同判断
								var ltp = ltX[k]; //设置的项
								//创建p
								if (ltp.jj == "kk") {
									k == ltX.length - 1
									var ltpt = $("<p></p>");
									ltpt.html("<p class='ptop'><b>" + ltp.p + "</b><i></i></p>")
									ltdiv.append(ltpt)
								} else {
									if (ltp.cc == "aa") {
										var ltpt = $("<p></p>");
										ltpt.html("<p><i>" + ltp.p + "</i></p>")
										ltdiv.append(ltpt)
									} else {
										var ltpt = $("<p></p>");
										ltpt.html("<p>" + ltp.p + "</p>")
										ltdiv.append(ltpt)
									}
								}
							}
							$(".lsl").append(ltdiv)
						}
					}
					//创建男子
					if (key == "man") {
						var man = navObj[key]; //定义系列对象
						//获取出列表中的各类
						for (var j = 0; j < man.length; j++) {
							var manObj = man[j]; //获取的是每个类的对象  其中又分多个项
							//思路这些项装在一个div 中所以创建节点
							//又因为每个样式不同判
							if (j == 0) {
								var mandiv = $("<div class='colL3 lboder'></div>")
							} else {
								var mandiv = $("<div class='colL3'></div>")
							}
							//创建类 的标题
							var manH4 = $("<h2></h2>");
							manH4.html("<a style='color:red' href='" + manObj.menuTarge + "'>" + manObj.H2 + "</a>")
								//将其放入div内
							mandiv.append(manH4)
								//获取项
							var manX = manObj.op
								//创建结束后再向每个类中放入项； 项有多个循环便利
							for (var k = 0; k < manX.length; k++) {
								//创建类  因类也个不相同判断
								var manp = manX[k]; //设置的项
								//创建p
								if (manp.jj == "kk") {
									k == manX.length - 1
									var manpt = $("<p></p>");
									manpt.html("<p class='ptop'><b>" + manp.p + "</b><i></i></p>")
									mandiv.append(manpt)
								} else {
									if (manp.cc == "aa") {
										var manpt = $("<p></p>");
										manpt.html("<p><i>" + manp.p + "</i></p>")
										mandiv.append(manpt)
									} else {
										var manpt = $("<p></p>");
										manpt.html("<p>" + manp.p + "</p>")
										mandiv.append(manpt)
									}
								}
							}
							$(".lsm").append(mandiv)
						}
					}
					//创建所有 商品
					if (key == "soyou") {
						//获取所有商品集合
						var sy = navObj[key];
						//获取结合后 起浓分三层
						//分类 上部信息
						var sys = sy[0];
						//上部信息循环便利获取其中的信息
						for (var j = 0; j < sys.length; j++) {
							var sysObj = sys[j]; //获取的是每个类的对象  其中又分多个项
							//思路这些项装在一个div 中所以创建节点
							//又因为每个样式不同判
							if (j == 0) {
								var sysdiv = $("<div class='colL3 lboder'></div>")
							} else {
								var sysdiv = $("<div class='colL3'></div>")
							}
							//创建类 的标题
							var sysH4 = $("<h2></h2>");
							sysH4.html("<a style='color:red' href='" + sysObj.menuTarge + "'>" + sysObj.H2 + "</a>")
								//将其放入div内
							sysdiv.append(sysH4)
								//获取项
							var sysX = sysObj.op
								//创建结束后再向每个类中放入项； 项有多个循环便利
							for (var k = 0; k < sysX.length; k++) {
								//创建类  因类也个不相同判断
								var sysp = sysX[k]; //设置的项
								//创建p
								if (sysp.jj == "kk") {
									k == sysX.length - 1
									var syspt = $("<p></p>");
									syspt.html("<p class='ptop'><b>" + sysp.p + "</b><i></i></p>")
									sysdiv.append(syspt)
								} else {
									if (sysp.cc == "aa") {
										var syspt = $("<p></p>");
										syspt.html("<p><i>" + sysp.p + "</i></p>")
										sysdiv.append(syspt)
									} else {
										var syspt = $("<p></p>");
										syspt.html("<p>" + sysp.p + "</p>")
										sysdiv.append(syspt)
									}
								}
							}
							$(".lss").append(sysdiv)
						}
						//中部信息
						var syz = sy[1];
						//for循环便利信息
						for (var m = 0; m < syz.length; m++) {
							//创建节点
							var li = $("<li></li>");
							//节点的内容
							li.html("<p><img src='" + syz[m] + "' </p>");
							//放入相应的节点
							$(".rec-box").append(li)
						}
						//下部信息
						var syx = sy[2];
						for (var b = 0; b < syx.length; b++) {
							//创建节点
							var span = $("<span></span>")
							span.html("<img src='" + syx[b] + "' />")
							$(".Link").append(span)
						}
					}
					//加载完成执行事件
					/***********************************导航移入效果*****************************/
					//思路 首先 移入li后其背景色改变并且字体颜色改变 下角标
					//路径改变变白
					//	移入其中触发 信息效果
					var indexx
					$("#nav").hover(function() {
						//移入li 变色
						$(".initial").mouseover(function() {
							indexx = $(this).index()
							$(this).addClass("liactive").siblings().removeClass("liactive")
								//切换角标色
							$(this).children().children("i").css({
									background: "url(../img/index-img/global.png) -173px -14px"
								})
								//切换角标色
							$(this).siblings().children().children("i").css({
									background: "url(../img/index-img/global.png) -166px -14px"
								})
								//显示隐藏 导航
							var inde = $(this).index();
							$(".list").siblings(".list").css({
								display: "none"
							})
							$(".list").eq(inde).css({
								display: "block"
							})
						})
					}, function() {
						$(".list").siblings(".list").css({
							display: "none"
						})
						$(".initial").eq(indexx).removeClass("liactive")
					})
				}
			})





/**********************************************移入改变图标样式****************************************************************/
$('.naxie a img').hover(function(){
	$(this).attr({
		"src":$(this).attr("pp")
	})
},function(){
	$(this).attr({
		"src":$(this).attr("pg")
	})
})
/**************************************************导航跟随事件*********************************************/

//	$(window).scroll(function() {
//			//获取当前鼠标距离上方距离
//			var top = $(document).scrollTop();
////			console.log(top);
//			if (top > 0) {
//				$("#box1").css({
//					position: "fixed",
//					top: 0
//				})
//			} else {
//				$("#box1").css({
//					position: "relative"
//				})
//			}
//
//		})